<div class="row carousel-holder">
    <div class="col-md-12">
        <app-carousel></app-carousel>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <input placeholder="Filter products by title" 
            class="form-control" type="text" 
            [formControl]="titleFilter">
        </div>
    </div>
</div>

<div class="row">
    <!--这里使用filter-->
    <div *ngFor="let product of products | filter : 'title' : filterCriteria" class="col-sm-4 col-lg-4 col-md-4">
        <app-product-item [product]="product"></app-product-item>
    </div>
</div>